﻿<html>
    <div id="divId">

	  <a href="https://nylg.gitee.io/pdf/web/viewer.html?file=Redis%E5%91%BD%E4%BB%A4%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C.pdf" onclick="OnClickFunction(this)">Redis命令参考手册</a> <br/><br/><br/>
	  <a href="https://nylg.gitee.io/pdf/web/viewer.html?file=PostgreSQL常用命令速查表.pdf" onclick="OnClickFunction(this)">PostgreSQL常用命令速查表.pdf</a> <br/><br/><br/>
	  
    </div>
    
<script>

	function OnClickFunction(obj){
		
                var divObj=document.getElementById("divId");


                divObj.innerHTML="";
                var a= document.createElement("a");//动态创建一个a标签并设置属性，用来返回到笔记主页
                a.setAttribute("href","index.html")
                a.innerText="返回"
                divObj.appendChild(a)
                

                var viewer="https://nylg.gitee.io/pdf/web/viewer.html"   //动态创建iframe标签并设置属性
                var file="https://nylg.gitee.io/pdf"
                var url=viewer+"?file="+file+"/"+obj.innerText+".pdf"
                var frame= document.createElement("iframe");//创建一个标签
                frame.setAttribute("src",url)
                frame.setAttribute("style","min-height:600px;width:100%;height:100%;")
                divObj.appendChild(frame);//把创建的节点iframe 添加到父类div 中,实现覆盖
        }
</script>
</html>
